
<template tag="以下文档内容为hycli自动生成">
  <div>
  <el-dialog
    v-model="conf.visible"
    :title="title"
    draggable
    align-center="true"
    width="68%"
    :close-on-click-modal="false"

  >
    <el-tabs v-model="conf.selected">
      <el-tab-pane label="详情" name="aaakw">
<el-row :gutter="24" style="font-size: 0.7rem;">
  <el-col :span="4" class="text-right" style="min-height:26px">编号:</el-col>
  <el-col :span="8" v-text="view.prod_id||'-'" style="min-height:26px" ></el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">名称:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.name+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">研发计划:</el-col>
  <el-col :span="8" v-text="view.plan_id_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">优先级:</el-col>
  <el-col :span="8" v-text="view.priority_label" style="min-height:26px" :class="$js.page.colorful(view.priority,'priority')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">分类:</el-col>
  <el-col :span="8" v-text="view.category_label" style="min-height:26px" :class="$js.page.colorful(view.category,'category')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">来源:</el-col>
  <el-col :span="8" v-text="view.source_label" style="min-height:26px" :class="$js.page.colorful(view.source,'source')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">版本号:</el-col>
  <el-col :span="8" v-text="view.version||'-'" style="min-height:26px" :class="$js.page.colorful(view.version,'version')" ></el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">内容:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.content+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">文档链接:</el-col>
  <el-col :span="8">
  <el-link target="_blank" type="success" v-if="view.url" :href="view.url" :title="view.url">查看</el-link> 
  </el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建时间:</el-col>
  <el-col :span="8" v-text="view.create_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">产品设计:</el-col>
  <el-col :span="8" v-text="view.need_prod_label" style="min-height:26px" :class="$js.page.colorful(view.need_prod,'need_prod')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">产品:</el-col>
  <el-col :span="8" v-text="view.pmaster_label" style="min-height:26px" :class="$js.page.colorful(view.pmaster,'pmaster')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">研发:</el-col>
  <el-col :span="8" v-text="view.dmaster_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">需求状态:</el-col>
  <el-col :span="8" v-text="view.prstatus_label" style="min-height:26px" :class="$js.page.colorful(view.prstatus,'prstatus')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">提出时间:</el-col>
  <el-col :span="8" v-text="view.proposal_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">期望上线:</el-col>
  <el-col :span="8" v-text="view.expected_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">评估时间:</el-col>
  <el-col :span="8" v-text="view.req_ass_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">内评时间:</el-col>
  <el-col :span="8" v-text="view.internal_ass_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">正评时间:</el-col>
  <el-col :span="8" v-text="view.tch_sol_ass_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建人:</el-col>
  <el-col :span="8" v-text="view.creator_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">发起人:</el-col>
  <el-col :span="8" v-text="view.sponsor||'-'" style="min-height:26px" ></el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">备注:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.memo+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">归档状态:</el-col>
  <el-col :span="8" v-text="view.archive_status_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">业务线:</el-col>
  <el-col :span="8" v-text="view.lob_id_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">归档时间:</el-col>
  <el-col :span="8" v-text="view.archive_time||'-'" style="min-height:26px" ></el-col>
</el-row>
      </el-tab-pane>
    </el-tabs>
    <template #footer>
      <span style="height: 60px"> </span>
    </template>
  </el-dialog>
</div>
</template>
<script>
import gantt from "@/views/cmpnts/gantt.vue"
export default {
   components: {
    gantt,
  },
  data() {
    return {
        conf:{
        visible:false,
        
        selected:"aaakw",
      },
      title:"需求管理详情",
      form:{},
      view: {
        prod_id:"",
        name:"",
        plan_id:"",
        priority:"",
        category:"",
        source:"",
        version:"",
        content:"",
        url:"",
        create_time:"",
        need_prod:"",
        pmaster:"",
        dmaster:"",
        prstatus:"",
        proposal_time:"",
        expected_time:"",
        req_ass_time:"",
        internal_ass_time:"",
        tch_sol_ass_time:"",
        creator:"",
        sponsor:"",
        memo:"",
        archive_status:"",
        lob_id:"",
        archive_time:"",
        },
      }
  },
  methods: {
  show_cmpnt_aaakd(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaakd.show(form)
  },
  show_cmpnt_aaakc(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaakc.show(form)
  },
  show_cmpnt_aaake(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaake.show_aaake(form)
  },
  show_cmpnt_aaaku(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prstatus = "88"
    this.$refs.cmpnt_aaaku.show_aaaku(form)
  },
  show_cmpnt_aaakf(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.need_prod = "0"
    this.$refs.cmpnt_aaakf.show(form)
  },
  show_cmpnt_aaakg(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    this.$refs.cmpnt_aaakg.show_aaakg(form)
  },
  show_cmpnt_aaakv(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.priority = "3"
    this.$refs.cmpnt_aaakv.show_aaakv(form)
  },
  show_cmpnt_aaakh(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "20"
    this.$refs.cmpnt_aaakh.show_aaakh(form)
  },
  show_cmpnt_aaaki(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "30"
    this.$refs.cmpnt_aaaki.show_aaaki(form)
  },
  show_cmpnt_aaakj(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "40"
    this.$refs.cmpnt_aaakj.show_aaakj(form)
  },
  show_cmpnt_aaakk(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "50"
    this.$refs.cmpnt_aaakk.show_aaakk(form)
  },
  show_cmpnt_aaakl(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "60"
    this.$refs.cmpnt_aaakl.show_aaakl(form)
  },
  show_cmpnt_aaakm(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "80"
    this.$refs.cmpnt_aaakm.show_aaakm(form)
  },
  show_cmpnt_aaakn(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "89"
    this.$refs.cmpnt_aaakn.show_aaakn(form)
  },
  show_cmpnt_aaako(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "0"
    this.$refs.cmpnt_aaako.show_aaako(form)
  },
  show_cmpnt_aaakp(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "88"
    this.$refs.cmpnt_aaakp.show_aaakp(form)
  },
  show_cmpnt_aaakq(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "99"
    this.$refs.cmpnt_aaakq.show_aaakq(form)
  },
  show_cmpnt_aaakr(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.prod_id = (this.bcheck||[]).join(",")
    form.prstatus = "98"
    this.$refs.cmpnt_aaakr.show_aaakr(form)
  },
  show_cmpnt_aaaks(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.archive_status = "0"
    form.prod_id = (this.bcheck||[]).join(",")
    this.$refs.cmpnt_aaaks.show_aaaks(form)
  },
  show_cmpnt_aaakt(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.archive_status = "1"
    form.prod_id = (this.bcheck||[]).join(",")
    this.$refs.cmpnt_aaakt.show_aaakt(form)
  },
 show(form) {
    this.conf.visible = true
    this.form = form
   let that = this;
   this.$theia.http
      .get("/ws/prod/requirement",form)
      .then((res) => {
        let item = Object.assign({}, res)
        item.plan_id_label = that.$theia.enum.getName("dev_plan",item.plan_id)
        item.priority_label = that.$theia.enum.getName("PRI",item.priority)
        item.category_label = that.$theia.enum.getName("prod_req_cateogry",item.category)
        item.source_label = that.$theia.enum.getName("source",item.source)
        item.need_prod_label = that.$theia.enum.getName("bool",item.need_prod)
        item.pmaster_label = that.$theia.enum.getName("pmaster",item.pmaster)
        item.dmaster_label = that.$theia.enum.getName("dmaster",item.dmaster)
        item.prstatus_label = that.$theia.enum.getName("prstatus",item.prstatus)
        item.creator_label = that.$theia.enum.getName("user_account",item.creator)
        item.archive_status_label = that.$theia.enum.getName("archive_status",item.archive_status)
        item.lob_id_label = that.$theia.enum.getName("my_business_line",item.lob_id)  
        item.name = (item.name||"")  
        item.content = (item.content||"")  
        item.url = (item.url||"")
        item.create_time = that.$theia.str.dateFormat(item.create_time,'MM/dd HH')
        item.proposal_time = that.$theia.str.dateFormat(item.proposal_time,'MM/dd')
        item.expected_time = that.$theia.str.dateFormat(item.expected_time,'MM/dd')
        item.req_ass_time = that.$theia.str.dateFormat(item.req_ass_time,'MM/dd')
        item.internal_ass_time = that.$theia.str.dateFormat(item.internal_ass_time,'MM/dd')
        item.tch_sol_ass_time = that.$theia.str.dateFormat(item.tch_sol_ass_time,'MM/dd')  
        item.memo = (item.memo||"")
        that.view = item
      })
      .catch((res) => {
        let code = res.response.status;
        let msg = `需求管理查询失败(${code})`;
        that.$notify.error({ title: "失败", message: msg, duration: 5000 });
      });
  },
  },
};
</script>
<style scoped>
/deep/.el-step__title{
    font-size: 0.8rem;
}
.steps{
  margin-top:8px;
  margin-bottom:  16px;
}
</style>